* {
  position: relative;
  box-sizing: border-box;
  outline: 0 !important;
  -webkit-tap-highlight-color:rgba(255,0,0,0);
}

html {
  display: block;
  margin: auto;
  height: 100%;
  font-size: $root-base;
  font-family: PingFangSC-Regular, sans-serif,"Noto Sans CJK SC", "Source Han Sans CN",Heiti, Heiti SC, DroidSans, DroidSansFallback, Arial, "Microsoft YaHei";
  background-color: $bgCol;
}

body {
  position: relative;
  // max-width: 667px;
  min-height: 100%;
  margin: 0 auto;
  font-size: rem(14px);
  color: #333;

  &.in-fixed {
    position: fixed;
    width: 100%;
    max-width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1000;
  }
}


a:not([href]):not([tabindex]) {
  color: inherit;
}

a {
  color: #333;
  transition: color .25s ease-in-out;
  text-decoration: none;

  &:hover,
  &:active {
    text-decoration: none;
    color: $mainCol;
  }
}

img {
  display: block;
  max-width: 100%;
  border: 0;
}

label {
  display: block;
  margin: 0;
  padding: 0;
}

h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,
p,th,td,
form,button,input,textarea,
header,footer,section,details,article,menu,nav,figure {
  margin:0;
  padding:0
}

h1,h2,h3,h4,h5,h6, {
  font-weight: normal;
}

ul,ol,li {
  list-style-type:none
}

i,em {
  font-style: normal;
}

select {
  appearance: none;
}

[role="button"] {
  cursor: pointer;
}

input {
  font-size: rem(14px);

  &::-webkit-input-placeholder, &:-moz-placeholder, &::-moz-placeholder, &:-ms-input-placeholder {
    color: #999;
  }
}


._v-container > ._v-content > .loading-layer > .no-data-text {
  font-size: rem(14px);
}

@media (min-width: 667px) {
  html {
    // max-width: 667px;
    font-size: $root-base * (667px / 375px) !important;
  }
}
